@charset "utf-8";


@import "common/common";


.web{
    section{
        padding: r(30px) r(30px);
        .page_top{
            font-size: 0;
            padding-bottom:r(15px) ;
            border-bottom: 1px solid #e2e2e2;
            h1{
                font-size: r(30px);
                color: #5c5856;
                margin-bottom: r(10px);
            }
            span{
                font-size: r(18px);
                color:$b8;
                &:last-of-type{
                    float: right;
                    &:after{
                        content:"";
                        display: block;
                        clear: both;
                    }
                }
            }
            i{
                font-size: r(8px);
            }
        }
        .page_img{
            width:r(580px);
            height: r(280px);
            @include imgoverflow;
            margin: r(15px) 0px;
        }
        &>p{
            font-size: r(20px);
            color: $b8;
            margin-bottom: r(38px);
        }
        .timerList{
            font-size: r(20px);
            color: $b8;
            span::after{
                @include newline;
            }
        }
        .page_bottom{
            border-top: r(25px) solid #f5f5f5;
            border-bottom: r(25px) solid #f5f5f5;
            margin: r(28px) r(-30px) r(15px);
            padding: r(12px) r(30px) r(26px);
            p{
                font-size: r(30px);
                color:#5c5856 ;
            }
            i{
               font-size: r(24px);
               color: $b2; 
            }
            span{
                color: #727171;
                font-size:r(20px); 
                &::after{
                    @include newline;
                }
            }
        }
        .page_telp{
            font-size: 0;
            margin: 0px r(-30px);
            padding: 0px r(30px);
            border-bottom: r(25px) solid #f5f5f5;
            p{
                color: #5c5856;
                font-size: r(20px);
            }
            &>div{
                display: inline-block;
                width: calc(100%/3);
                margin:r(12px) 0px r(18px); 
                &:last-of-type{
                    div:last-child{
                        padding-right:1px ;
                    }
                }
                div{
                    &:first-of-type{
                       float: left;
                       width: r(87px);
                       height: r(86px); 
                       @include imgoverflow;
                    }
                    &:last-of-type{
                        overflow: hidden;
                        padding: 0px r(12px) 0px r(8px);
                        vertical-align: middle;
                        span{
                            color:#727171; 
                            &:first-child{
                                display: block;
                                font-size: r(18px);
                            }
                            &:last-child{
                                font-size: r(14px);
                            }
                        }
                    }
                }
            }
        }
        button{
            width:100% ;
            height: r(86px);
            line-height: r(86px);
            background: $b2;
            color: #fff;
            font-size: r(34px);
            margin-top: r(20px);
            margin-bottom: r(20px);
            i{
                font-size: r(25px);
            }
        }
    }
}

